<template>
    <div>
        <el-table
                :data="tableData"
                style="width: 100%">
            <el-table-column
                    prop="videonum"
                    label="监控编号"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="videoname"
                    label="监控名称"
                    width="180">
            </el-table-column>
            <el-table-column
                    prop="time"
                    label="时间">
            </el-table-column>
            <el-table-column
                    prop="class"
                    label="操作"
                    width="100">
                <template slot-scope="scope">
                    <el-button
                            style="font-size: 20px"
                            icon="el-icon-search"
                            @click="handleClick(scope.row)"
                            type="text" size="small"
                    ></el-button>
                </template>
            </el-table-column>
        </el-table>
    </div>
</template>

<script>
    export default {
        name: "VideoReplay",
        data(){
            return{
                value: '',
                tableData: [{
                    videonum: 'sc349784957485001',
                    videoname: '学校正门',
                    time: '2020-13-27 18：25',
                }]
            }
        },
        methods: {
            handleClick(row) {
                console.log(row);
            }
        },
    }
</script>

<style scoped>

</style>